<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单详情</title>
    <link rel="stylesheet" href="./css/dingdanxiangqing.css">
</head>

<body>
    <div class="container">
        <header class="mine">
            <div class="title">
                <p>我的订单</p>
            </div>
        </header>
        <div class="top">
            <span class="pay">待付款</span>
            <span>还剩4分29秒</span>
        </div>
        <div class="main">
            <div class="position">
                <div class="name">楚河汉街总部国际A座店</div>
                <div>中北路楚河汉街1号武汉中央文化旅游区</div>
            </div>
            <div class="cut"></div>
            <div class="content">
                <div class="order">
                    <span class="ziti">自提订单: 201912200945895</span>
                    <span class="time">2019-12-20 09:41</span>
                </div>
                <div class="items">
                    <div class="item">
                        <div class="name">冲绳黑糖拿铁</div>
                        <div class="type">大/全糖/默认奶油/热</div>
                        <span class="count">x1</span>
                        <span class="price">¥27</span>
                        <div class="discount">5折全场饮品通用券
                            <span class="derate">-¥13.5</span>

                        </div>
                    </div>
                    <div class="total-price">
                        <span class="num">共一件商品</span>
                        <span class="price">实付
                    <span class="money">¥13.5</span>
                        </span>
                    </div>
                </div>
            </div>
            <div class="cut"></div>
            <div class="now-time">下单时间: 2019-12-20 09:41</div>
        </div>
        <div class="footer">
            <!-- <a href="./dingdanxiangqing-1.html"> -->
            <span class="cancel">取消订单</span>
            <!-- </a> -->
            <a href="./order.html">
                <span class="gopay">去支付</span>
            </a>
        </div>
    </div>
</body>

</html>